<template>
    <div class="vue-main" id="vue-main">
        <router-view></router-view>

    </div>
</template>
<script>

    export default {
        // components: {
           
        // },
        data() {
            return {
                // oxygenStatus: 97 // 假设初始血氧状态为97，可根据实际情况修改
                devices: [] // 这里如果没初始化，后续调用 myArray.forEach 就会报错，应确保初始化为数组
            };
        },
        created() {
        // 模拟数据动态更新
        this.updateInterval = setInterval(() => {
            this.devices.forEach(device => {
                // 随机更新部分数据
                device.brainwave = Math.max(400, Math.min(800, device.brainwave + (Math.random() * 40 - 20)));
                device.heartRate = Math.max(50, Math.min(100, device.heartRate + (Math.random() * 6 - 3)));
                device.temperature = Math.max(36, Math.min(38, device.temperature + (Math.random() * 0.4 - 0.2)));
                device.oxygenLevel = Math.max(94, Math.min(100, device.oxygenLevel + (Math.random() * 2 - 1)));
            });
        }, 2000); // 每2秒更新一次
    },
    beforeDestroy() {
        // 组件销毁前清除定时器
        if (this.updateInterval) {
            clearInterval(this.updateInterval);
        }
    },
        methods: {
           
        },
        watch: {},
        mounted() {

        }
    }
    // export default {
    // data() {
    //     return {
    //         brainwaveValue: 600,
    //         brainwaveMax: 1000
    //     };
//     // }
// };
</script>
<style scoped>
.vue-main{
    position: relative;
    width: 100%;
    height: 100%;
}
</style>
